@import './variables.less';
@import './table.less';
@import './form.less';
@import './card.less';
@import './common.less';

html,
body,
#root {
  height: 100%;
}

body {
  margin: 0;
  color: rgba(0, 0, 0, .85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: "tnum", "tnum";
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.ai-dashboard {
  #root {
    width: 100vw;
    overflow: hidden;
    height: 100vh;

    .ant-layout {
      height: 100%;
    }

    .preview-modal {

      p,
      ul,
      ol {
        margin-bottom: 12px;
        margin-left: 10px;
      }

      h1 {
        margin-bottom: 18px;
        color: #000;
        font-weight: 600;
        font-size: 18px;
      }

      ol,
      ul {
        padding-left: 16px;
      }

      ol li {
        list-style: auto;
      }

      ul li {
        list-style: disc;
      }

      pre {
        font-size: 13px;
        font-family: Helvetica, Arial, sans-serif;
        line-height: 18px;
        white-space: pre-wrap;
      }

      & .ant-notification-notice-description {
        max-height: 80vh;
        padding: 0 24px;
        overflow: auto;

        &::-webkit-scrollbar {
          width: 8px;
          height: 8px;
          cursor: pointer;
        }

        &::-webkit-scrollbar-thumb {
          background: rgba(129, 129, 128, 0.55);
          border-radius: 25px;
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          cursor: pointer;

          &:hover {
            background: rgba(129, 129, 128, 0.8);
          }
        }

        &::-webkit-scrollbar-track {
          background: rgb(240, 243, 247);
          border-radius: 0;
          border-radius: 25px;
          -webkit-box-shadow: none;
        }
      }

      &.ant-notification-notice {
        padding: 16px 0;
      }

      & .ant-notification-notice-message {
        padding: 0 24px;
      }
    }

    .breadcrumb-item {
      color: @breadcrumb-item-color;
    }

    .breadcrumb-item-disabled {
      color: @breadcrumb-item-disabled-color;
    }

    .breadcrumb-item-clickable {
      color: @breadcrumb-item-disabled-color;
      cursor: pointer;
      transition: color 0.3s;

      &:hover {
        color: @breadcrumb-item-color;
      }
    }


    .full-screen {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 199;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      align-items: center;
      width: 100vw;
      height: 100vh;
      padding: 12px;
      overflow: auto;
      background-color: #fff;
      background-image: linear-gradient(45deg, #f7f7f7 25%, transparent 0),
        linear-gradient(-45deg, #f7f7f7 25%, transparent 0),
        linear-gradient(45deg, transparent 75%, #f7f7f7 0),
        linear-gradient(-45deg, transparent 75%, #f7f7f7 0);
      background-position: 0 0, 0 10px, 10px -10px, -10px 0;
      background-size: 20px 20px;

      &>.ant-pro-card {
        border: none;
        border-radius: 10px;
        box-shadow: rgba(153, 168, 192, 0.2) 0 3px 5px 0, 0 0 0 0.6px #e5e9f2;
      }
    }


    & .tab_table-tabs {
      color: #748194;
      font-weight: normal;
      font-size: 14px;
      user-select: none;
    }

    & .table-row-selected {
      & td {
        background-color: #e8eefb;
      }

      &:hover .ant-table-cell-row-hover {
        background-color: #d3dff8 !important;
      }
    }
  }
}